<div class="layui-side layui-bg-black">
  <div class="layui-side-scroll">
    <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
    <ul class="layui-nav layui-nav-tree"  lay-filter="test">
      <li class="layui-nav-item layui-nav-itemed">
        <a class="" href="javascript:;"><i class="layui-icon layui-icon-rate"></i> 系统设置</a>
        <dl class="layui-nav-child">
          <dd><a href="javascript:;"><i class="layui-icon layui-icon-rate"></i> 用户管理</a></dd>
          <dd><a href="javascript:;"><i class="layui-icon layui-icon-rate"></i> 角色管理</a></dd>
          <dd><a href="javascript:addTab('0-菜单管理','菜单管理','{:url(\"Sysmenu/index\")}');"><i class="layui-icon layui-icon-rate"></i> 菜单管理</a></dd>
          <dd><a href="javascript:;"><i class="layui-icon layui-icon-rate"></i> 日志管理</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:;"><i class="layui-icon layui-icon-rate"></i> 预约管理</a>
        <dl class="layui-nav-child">
          <dd><a href="javascript:;">列表一</a></dd>
          <dd><a href="javascript:;">列表二</a></dd>
          <dd><a href="">超链接</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item"><a href="">云市场</a></li>
      <li class="layui-nav-item"><a href="">发布商品</a></li>
    </ul>
  </div>
</div>